@charset "utf-8";

#wrap{
    width: calc((1920/192)*1rem);
    margin: auto;
}
#topnav{
    height: calc((116/192)*1rem);
    font-size: calc((22/192)*1rem);
}
#topnav h1{
    width: calc((312/192)*1rem);
}
#topnav h1 a{
    background: url("../img/title.png") no-repeat 0/100%;
}
#topnav .right{
    margin-right:calc((80/192)*1rem) ;
}
#topnav .right .nav li{
    line-height: calc((116/192)*1rem);
    transition:background-color .3s;
}

#topnav .right .nav li a{
    padding: calc((45/192)*1rem) calc((42/192)*1rem);
}
#topnav .right .nav li a.on{
    background-color: #e60012;
    color: white;
}
#topnav .right .more > p:nth-of-type(1){
    padding: 0 calc((30/192)*1rem);
    line-height: calc((116/192)*1rem);
}
#topnav .right .more > p span{

}
#topnav .right .more > p span.on{
    color:#e60012;
}
#topnav .right .more > span{
    width:calc((20/192)*1rem);
    height:calc((20/192)*1rem);
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
}

#topnav .right .more > span:nth-of-type(1){
    margin-top: calc((48/192)*1rem);
    background-image: url("../img/seach.png");
}
#topnav .right .more > span:nth-of-type(2){
    margin-top: calc((51/192)*1rem);
    margin-left:calc((20/192)*1rem) ;
    background-image: url("../img/ema1.png");
}
#topnav .right .more .email{
    top: calc((12/192)*1rem);
    left: calc((-21/192)*1rem);
    width: calc((200/192)*1rem);
    min-width: 168px;
    height: calc((25/192)*1rem);
    border: calc((1/192)*1rem) solid #c3c3c3;
    font-size: calc((14/192)*1rem);
    text-indent: calc((10/192)*1rem);
    line-height: calc((25/192)*1rem);
    border-radius: calc((20/192)*1rem);
}
#topnav .right .more input{
    top: calc((40/192)*1rem);
    left: calc((-150/192)*1rem);
    width:calc((260/192)*1rem);
    height: calc((30/192)*1rem);
    text-indent: calc((5/192)*1rem);
    letter-spacing: calc((2/192)*1rem);

}
#topnav .right .about{
    top:calc((115/192)*1rem);
    width: calc((271/192)*1rem);
    /*height:calc((260/192)*1rem);*/
    padding-bottom: calc((30/192)*1rem);
    border-top:calc((2/192)*1rem) solid red;
    background-color: white;
    z-index: 9;
}
#topnav .right .about:nth-of-type(2){
    left:calc((100/192)*1rem);
}
#topnav .right .about:nth-of-type(3){
    left: calc((250/192)*1rem);
    width: calc((371/192)*1rem);
}
#topnav .right .about:nth-of-type(4){
    left: calc((440/192)*1rem);
}
#topnav .right .about:nth-of-type(5){
    left: calc((600/192)*1rem);
}
#topnav .right .about:nth-of-type(6){
    left: calc((780/192)*1rem);
}
#topnav .right .about li{
    width: calc((80/192)*1rem);
    height: calc((25/192)*1rem);
    margin-left: calc((60/192)*1rem);
    padding-top:calc((10/192)*1rem) ;
    font-size: calc((16/192)*1rem);
}
#topnav .right .about li:nth-child(1){
    padding-top:calc((30/192)*1rem) ;
}
#topnav .right .about li a{
    white-space: nowrap;
    padding-bottom: calc((1/192)*1rem);
}









